/* 
 * To change this template, choose Tools | Templates
 * and open the template in the editor.
 */
function bloquearIcono(id)
{   
    var idDiv=document.getElementById(id);
    $(idDiv).attr("disabled","");          
    $(idDiv).removeClass('icono');  
    $(idDiv).addClass('iconoBloqueado');  
}
function desbloquearIcono(id)
{      
    var idDiv=document.getElementById(id);
    $(idDiv).removeAttr("disabled");
    $(idDiv).removeClass('iconoBloqueado');  
    $(idDiv).addClass('icono'); 
    
}
function  mostrarDiv(id){
    var idDiv=document.getElementById(id);
    $(idDiv).removeClass('ocultarDiv');
    $(idDiv).addClass('mostrarDiv');
}
function  ocultarDiv(id){
    var idDiv=document.getElementById(id);
    $(idDiv).addClass('ocultarDiv');
}
function inicioSalon(){
    ocultarDiv('buscarSalon');
    ocultarDiv('nuevoSalon');
    mostrarDiv('inicioSalon');
    bloquearIcono('eliminarIcon');
    bloquearIcono('modificarIcon');
    bloquearIcono('guardarIcon');
    bloquearIcono('cancelarIcon');
}
function buscar(){
    ocultarDiv('nuevoSalon');
    ocultarDiv('inicioSalon');   
    mostrarDiv('buscarSalon');
    bloquearIcono('nuevoIcon');
    bloquearIcono('guardarIcon');
    bloquearIcono('buscarIcon');
    desbloquearIcono('cancelarIcon');    
    desbloquearIcono('eliminarIcon');
    desbloquearIcono('modificarIcon');
    gridBuscar();
}
function nuevo(){
    ocultarDiv('buscarSalon');
    ocultarDiv('inicioSalon');
    mostrarDiv('nuevoSalon');
    desbloquearIcono('cancelarIcon');
    desbloquearIcono('guardarIcon');
    bloquearIcono('buscarIcon');
    bloquearIcono('buscarIcon');
    bloquearIcono('nuevoIcon');
    cargarCrearSalon();
}
function cancelar(){    
    var href="/SISAC-WEB/Salon.jsp";
    window.location=href;
}
function guardar(){
    alert("Se guardo Coreectaente");
}
function validarSalon(){
    jQuery.validator.setDefaults({
        debug: true,
        success: "valid"        
    });
    $( "#salonForm" ).validate({
        errorClass: 'jqInvalid',
        rules: {
            nombre: {
                required: true
            },
            capacidad:{
                required:true,
                min:0,
                max:80
            },
            asignarTutor:{
                required:true
            },
            tipoSalon:{
                required:true
            }
        },
        messages:{
            nombre:"Esto es obligatorio",
            capacidad:"capacidad max 80",
            asignarTutor:"seleccione Tutor",
            tipoSalon:"Seleccione Tipo"
        }
    }); 
    if ($('#salonForm').valid()) {
        var oSalon= new Object();
        oSalon.nombre=$("#nombre").val();
        oSalon.capacidad=$("#capacidad").val();
        oSalon.tutorAsignado=$("#asignarTutor").val();
        oSalon.tipoSalon=$("#tipoSalon").val();
        
        var sendData = JSON.stringify(oSalon);
        alert(sendData);  
        $.ajax({
            type: "POST",
            dataType: "json",
            url: "SSalon",
            data:sendData,                              
            success: function(response){                                                                         
                alert(response);   
                
            },
            error: function(error){
                alert(error.responseText);
            }
        });
    }
}

function cargarCrearSalon(){
    alert("Cargando Datos....");
   
    $.ajax({
        type: "GET",
        dataType: "json",
        url: "SSalon",               
        success: function(response){                                                                         
            alert(response[0].nombre);
            for (var i=0; i<response.length; i++) 
            {
                //$('#asignarTutor').append("<option value='" + response[i].codigoTutor + "'>" + response[i].nombre + "</option>");
                $("<option value="+response[i].codigoTutor+">"+ response[i].nombre +"</option>").appendTo('#asignarTutor');
            }
        },
        error: function(error){
            alert(error.responseText);
        }
    });    
}
function gridBuscar(){
    var grid;
    $(function () {
        grid = $("#list");

        grid.jqGrid({
            url: "http://example.org/jsonDataService",
            datatype: "json",
            height: "auto",
            colNames: ['Title', 'Description'],
            colModel: [
            {
                name: 'Title', 
                width: 150, 
                sortable: false
            },
            {
                name: 'Description', 
                width: 500, 
                sortable: false
            }
            ],
            rowNum: 10,
            rowList: [5, 10, 30],
            rownumbers: true,
            gridview: true,
            loadonce: true,
            pager: "#page",
            caption: "Flat Data Example"
        }).jqGrid('navGrid','#page',{
            edit:false,
            add:false,
            del:false
        });
    });
}